<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./style/common.css">
  <link rel="stylesheet" href="./style/index.css">
</head>

<body>
  <div class="login-wrap">
    <div class="msg">提示</div>
    <div class="loading">加载中...</div>

    <!-- 账号密码登录 -->
    <div class="login passwordLogin">
      <div class="logo">
        <img src="./imgs/logo.png" alt="" srcset="">
      </div>

      <div class="form">
        <div class="form-item">
          <input class="mobile input" type="text" placeholder="请输入手机号">
        </div>
        <div class="form-item">
          <input class="password input" type="password" placeholder="请输入密码">
          <div class="eyes">
            <img class="icon1" src="./imgs/hide.png" alt="" srcset="">
          </div>
        </div>
        <div class="color-green font14 forget">忘记密码？</div>
      </div>

      <div class="protocol">
        <div class="select-icon">
          <img class="icon1" src="./imgs/select.png" alt="">
        </div>
        <div class="agree">同意 <span class="color-green"><span class="service-btn">《服务协议》</span>和<span
              class="privacy-btn">《隐私协议》</span></span></div>
      </div>

      <div class="btn-wrap">
        <div class="confirm btn type1 disable">确认</div>
        <div class="toggle btn type2">手机验证码登录</div>
      </div>
    </div>

    <!-- 验证码登录 -->
    <div class="login yzmLogin hide">
      <div class="logo">
        <img src="./imgs/logo.png" alt="" srcset="">
      </div>

      <div class="form">
        <div class="form-item">
          <input class="mobile input" type="text" placeholder="请输入手机号">
        </div>
        <div class="form-item">
          <input class="sms input" type="text" placeholder="请输入短信验证码">
          <div class="yzm">获取验证码</div>
        </div>
      </div>

      <div class="protocol">
        <div class="select-icon">
          <img class="icon1" src="./imgs/select.png" alt="">
        </div>
        <div class="agree">同意 <span class="color-green"><span class="service-btn">《服务协议》</span>和<span
              class="privacy-btn">《隐私协议》</span></span></div>
      </div>

      <div class="btn-wrap">
        <div class="confirm btn type1 disable">确认</div>
        <div class="toggle btn type2">账号密码登录</div>
      </div>
    </div>

    <!-- 重置密码 -->
    <div class="login passwordReset hide">
      <div class="title">重置密码</div>

      <div class="form">
        <div class="form-item">
          <input class="mobile input" type="text" placeholder="请输入账号">
        </div>
        <div class="form-item">
          <input class="sms input" type="text" placeholder="请输入短信验证码">
          <div class="yzm ">获取验证码</div>
        </div>
        <div class="form-item">
          <input class="password input" type="password" placeholder="请输入新密码">
          <div class="eyes">
            <img class="icon1" src="./imgs/hide.png" alt="" srcset="">
          </div>
        </div>
        <div class="tips">重置密码后，医助宝医生端APP密码将同步修改~</div>
      </div>

      <div class="btn-wrap">
        <div class="confirm btn type1">重置</div>
        <div class="toggle btn type2">返回登录</div>
      </div>
    </div>

    <div class="close">
      <img src="./imgs/close.png" alt="" srcset="">
    </div>
  </div>
</body>
<script src="./js/jquery.js"></script>
<script src="./js/login.js"></script>

</html>